<template>
    <div>
        <!--  -->
        <h1>hello APP</h1>
        <p>{{ title }}</p>
        <button @click="say">say</button>
        <HomeAbc @change="log" name="jack" age="20" @input="log"></HomeAbc>
        <!-- {{HomeAbc()}} -->
    </div>
</template>
<script>
/*
    vue文件中所有属性和方法，只能在当前文件中使用
*/
export default {
    data() {
        return {
            title: 'hello Home'
        }
    },
    methods: {
        log(e) {
            console.log(e);
        },
        say() {
            console.log(this.title);
        }
    },
    computed: {}
    // el
    // data:{}

}
</script>
<style lang="scss">
div {
    border: solid;
    padding: 10px;

    button {
        background: rgb(216, 237, 190);
    }
}
</style>